<template>
  <div class="view" :style="{ '--theme': $store.getters.themeColor }">
    <el-row> </el-row>
    <el-table border style="width: 100%" :data="viewDataSouse">
      <el-table-column label="督办环节" prop="handleLinkName" align="center"></el-table-column>
      <el-table-column label="督办人" prop="handleUserName" align="center"></el-table-column>
      <el-table-column label="督办时间" prop="handleTime" align="center"></el-table-column>
      <el-table-column label="督办意见" align="center" :show-overflow-tooltip="false">
        <template slot-scope="{row}">
          <CustomTooltip :content="row.handleRemark"></CustomTooltip>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>

import CustomTooltip from "@/components/table/CustomTooltip.vue";
export default {
  name: "supervisionRecord",
  props: {
    viewDataSouse: {
      type: Array,
      default: () => []
    }
  },
  components: {
    CustomTooltip
  },
  methods: {

  }
}
</script>

<style scoped>

</style>
